//使用无状态组件抽离
//无状态组件(StatelessWidget):纯展示型组件，一旦构建完成状态不能改变的组件,数据变化视图不会更新

// ignore_for_file: avoid_print

import 'package:flutter/material.dart';

class myApp1 extends StatelessWidget {
  final String name = '张三';
  int? age;
  myApp1({super.key, this.age});

  @override
  Widget build(BuildContext context) {
    return
        //脚手架:搭建页面的基本框架
        Scaffold(
      appBar:
          //头部
          AppBar(
        title: const Text(
          '无状态组件',
          style: TextStyle(fontSize: 20, color: Colors.amber),
        ),
        backgroundColor: Colors.red,
        centerTitle: true,
      ),
      //身体
      body: Center(
        child: Text(
          '你好啊,我是$name,今年$age岁',
          style: const TextStyle(
              fontSize: 20, color: Color.fromARGB(255, 242, 190, 208)),
        ),
      ),
      // 按钮部分
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          age = age! + 1;
          print(age);
        },
        // 悬浮按钮
        child: const Icon(Icons.add),
      ),
    );
  }
}
